<template>
	<view>
		<u-navbar placeholder fixed autoBack border title="工资详情"></u-navbar>
		<view class="d-p-30">
			<view><text class="d-font-36" style="font-weight: bold;">工资发放详情</text></view>

			<view class="d-m-t-20 d-font-28" style="color: #162233;" v-for="(item, index) in info" :key="index">
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">人员姓名</view>
					<view>{{ item.ryxm }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">身份证号</view>
					<view>{{ item.zjhm }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">所属单位</view>
					<view>{{ item.deptName }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">班组名称</view>
					<view>{{ item.bzmc }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">工资（期）</view>
					<view>{{ item.ffgzny || '无' }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">发放日期</view>
					<view>{{ item.ffrq }}</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">应发金额</view>
					<view>{{ item.yfje }}元</view>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1" style="color: #949AA2;">实发金额</view>
					<view>{{ item.sfje }}元</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { getWagesPopList } from '../../../common/api.js';
export default {
	data() {
		return {
			ywbh: null,
			rybh: null,
			info: []
		};
	},
	onLoad(e) {
		this.ywbh = e.ywbh || null;
		this.rybh = e.rybh || null;
		this.init();
	},
	methods: {
		init() {
			getWagesPopList({
				params: {
					ywbh: this.ywbh,
					rybh: this.rybh
				}
			}).then(e => {
				this.info = e.data;
			});
		}
	}
};
</script>

<style lang="scss"></style>
